<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
<style>
  h3,h4，table{
   text-align:center
  }
  .pad{
    margin-top:5px;
  }
  .deleteX{
     position: relative;
	 right: 15px;
	 bottom: 5px;
	 color:yellow;
	  cursor:pointer
  }
/*   body{ */
/*     background-color:blue; */
/*     clolr:white; */
/*   } */
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>订单工序模板</title>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container col-md-12">
		    <button class="btn btn-primary radius" id="addTemplate">添加模板</button>
		    <br/> <br/> 
			<div>
			    <table id="orderProcedureTable" class=" table table-border table-bordered table-bg table-hover">
			       <thead>
			          <tr>
			              <th style="width:140px;">模板名称</th>
				          <th>模板工序</th>
				          <th style="width:90px;">操作</th>
			          </tr>
			       </thead>
			       <tbody></tbody>
			    </table>
			</div>
			
			
			<div class="modal fade" id="addTemplateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">添加模板</h4>
						</div>
						<div class="modal-body">
					       <div  class="col-md-12">
							   <div class="col-md-3">
							           <sapn>模板名称：</sapn>
							   </div>
							   <div class="col-md-6">
							      <input type="text" class="input-text" placeholder="请输入模板名称" id="addName"/>
							   </div>
							</div>   
						    <br/><br/>
						
						    <div id="selectTitle" class="list-select ui-draggable">
								<div class="list-title ui-draggable-handle">
									<h4>选择工序（选项可拖动、双击、单击进行选择）</h4>
								</div>
								<div class="list-body">
									<ul class="item-box left-box ui-sortable ui-droppable">
									</ul>
									<div class="center-box">
										<button class="add-one btn btn-success radius" title="添加选中项">&gt;</button>
										<button class="add-all btn btn-success radius" title="添加全部">&gt;&gt;</button>
										<button class="remove-one btn btn-primary radius" title="移除选中项">&lt;</button>
										<button class="remove-all btn btn-primary radius" title="移除全部">&lt;&lt;</button>
									</div>
									<ul class="item-box right-box ui-sortable ui-droppable">
										
					                </ul>
								</div>
							</div>
						    
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="addModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			</div>
			
			<div class="modal fade" id="addProcedureModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">添加工序</h4>
						</div>
						<div class="modal-body">
							<div>
							      <span>请选择工序</span>
							      <div id="addCheck">
							      
							      </div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="addProcedureModalBtn">确定</button>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="leftAndRight/jquery-ui.min.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/orderProcedureTemplate.js"></script>

</body>
</html>